/* DatePicker Container */
wexDatePicker .ui-datepicker {
	width: 100%;
	height: auto;
	margin: 0;
    padding: 0;
	font: 14pt Arial, sans-serif;
}
wexDatePicker .ui-datepicker a {
	text-decoration: none;
}
/* DatePicker Table */
wexDatePicker .ui-datepicker table {
	width: 100%;
}
wexDatePicker .ui-datepicker-header {
	background: url('../images/dark_leather.png') repeat 0 0 #000;
	color: #e0e0e0;
	font-weight: bold;
	text-shadow: none;
	line-height: 40px;
}
wexDatePicker .ui-datepicker-title {
	text-align: center;
}
wexDatePicker .ui-datepicker-prev, wexDatePicker .ui-datepicker-next {
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	cursor: pointer;
	background-image: url('../images/arrow.png');
	background-repeat: no-repeat;
	line-height: 600%;
	overflow: hidden;
}

wexDatePicker .ui-datepicker-prev {
	float: left;
	background-position: center -30px;
    margin-top: 5px;
}
wexDatePicker .ui-datepicker-next {
	float: right;
	background-position: center 0px;
    margin-top: 5px;
}
wexDatePicker .ui-datepicker thead {
	background-color: #f7f7f7;
	background-image: -moz-linear-gradient(top,  #f7f7f7 0%, #f1f1f1 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#f1f1f1));
	background-image: -webkit-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	background-image: -o-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	background-image: -ms-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	background-image: linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f1f1f1',GradientType=0 ); */
	border-bottom: 0 none;
}
wexDatePicker .ui-datepicker th {
	text-transform: uppercase;
	font-size: 6pt;
	padding: 5px 0;
	color: #666666;
	text-shadow: none;
}
wexDatePicker .ui-datepicker tbody td {
	padding: 0;
	border-right: 0 none;
}
wexDatePicker .ui-datepicker tbody td:last-child {
	border-right: 0 none;
}
wexDatePicker .ui-datepicker tbody tr {
	border-bottom: 0 none;
}
wexDatePicker .ui-datepicker tbody tr:last-child {
	border-bottom: 0px;
}
wexDatePicker .ui-datepicker td span, .ui-datepicker td a {
	display: inline-block;
	font-weight: bold;
	text-align: center;
	/*width: 30px;
	height: 30px;*/
    width: 100%;
	line-height: 220%;
	color: #666666;
	text-shadow: none;
}
wexDatePicker .ui-datepicker-calendar .ui-state-default {
	background: #ededed;
	/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede',GradientType=0 ); */
}
wexDatePicker .ui-datepicker-calendar .ui-state-hover {
	background: #f7f7f7;
}
wexDatePicker .ui-datepicker-calendar .ui-state-active {
	background: #6eafbf;
	color: #e0e0e0;
	border: 0 none; 
	position: relative;
	/* margin: -1px; */
}
wexDatePicker .ui-datepicker-unselectable .ui-state-default {
	background: #f4f4f4;
	color: #b4b3b3;
}
wexDatePicker .ui-datepicker-calendar td:first-child .ui-state-active {
	/*width: 29px;*/
	margin-left: 0;
}
wexDatePicker .ui-datepicker-calendar td:last-child .ui-state-active {
	/*width: 29px;*/
	margin-right: 0;
}
wexDatePicker .ui-datepicker-calendar tr:last-child .ui-state-active {
	/*width: 29px;*/
	margin-bottom: 0;
}



/* Spawnit stuff starts here */

/*
.colorMeBG,
wexDatePicker .colorMeBG span:first-child,
wexDatePicker .colorMeBG a:first-child {
	background:none repeat scroll 0 0 #00A7E1 !important;
	background-image:none !important;
	background-color: #00A7E1 !important
	border: 0 none;
}
*/




/*
wexDatePicker calendarPrice {
	font-size:9px;
	text-shadow:none;
	line-height:100%;
}
*/

wexDatePicker .ui-datepicker td span, .ui-datepicker td a {
    line-height: 100%;
	text-shadow:none;
	height:40px;
}

wexDatePicker .ui-datepicker td {
	width:14.285%;	
}

wexDatePicker .ui-datepicker-other-month span.ui-state-default {
	background:none repeat scroll 0 0 #E5E5E5;
}

.dateRangePointerArrow {
	background-image: url(../images/Date-Range-Arrow-Shadow.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 18px;
}

.tripSelectYourDatesHeadingBox {
    padding: 10px;
    background-color: #005695;
}

.tripSelectYourDatesHeadingBox h3 {
    color: #FFFFFF;
    margin: 0;
    padding: 0;
}
wexDatePicker .ui-datepicker-prev {
  background-image: url("../images/arrow.png") !important;
   background-position: center -30px !important;
}
wexDatePicker .ui-datepicker-next {
  background-image: url("../images/arrow.png") !important;
}

wexDatePicker .ui-datepicker-calendar .ui-priority-secondary {
    background: none repeat scroll 0 0 #E5E5E5 !important;
	opacity: 1 !important;
	color: #B4B3B3;
}

wexDatePicker .ui-datepicker-other-month span.ui-state-default {
    background: none repeat scroll 0 0 #E5E5E5 !important;
}

/*
.colorMeBG, wexDatePicker .colorMeBG span:first-child, wexDatePicker .colorMeBG a:first-child {
	color: #FFFFFF;
}
*/

.availableDatesResponsiveTable div {
	white-space:nowrap
}


.dateRangePointerBox, .dateRangePointer, .tripCostBox {
	display:none !important;
}

.tripCostBox {
	margin-bottom: 10px;
}

.tripSelectYourDatesHeadingBox {
	margin-bottom: 0px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	text-align:center;
}


.wexDatePickerBottomBox {
	height: 10px;
	background-color: #d81935;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

wexdatepicker .ui-widget-header {
    border: none;
}

wexdatepicker a.ui-state-default {
	font-weight:bold !important;
	font-family: "Open Sans",Helvetica,Arial,sans-serif !important;
}

/*
Available			availableDate				#CCCCCC
Needs Less than 2	lessThan2toGuaranteeDate	#C0CF5A
Limited				limitedDate					#C57B24
Guaranteed			guaranteedDepartureDate		#9CAA39
Closed				closedDate					#A43335
Sale				hotPriceDate				#FF0000
*/

/*
order here matters - the further down the list, the higher the priorty (so the ones at the bottom override the ones above it)
*/

.availableDate, .availableDate a.ui-state-default {
	background-color: #888888 !important;
	color:#FFFFFF !important;
}

.lessThan2toGuaranteeDate, .lessThan2toGuaranteeDate a.ui-state-default {
	background-color: #C0CF5A !important;
	color:#FFFFFF !important;
}

.limitedDate, .limitedDate a.ui-state-default {
	background-color: #C57B24 !important;
	color:#FFFFFF !important;
}

.guaranteedDepartureDate, .guaranteedDepartureDate a.ui-state-default {
	background-color: #9CAA39 !important;
	color:#FFFFFF !important;
}


.closedDate, .closedDate a.ui-state-default {
	background-color: #A43335 !important;
	color:#FFFFFF !important;
}

.hotPriceDate, .hotPriceDate a.ui-state-default {
	/* This was for colouring the cell and text - the hot price gets the icon, not a colour
	background-color: #FF0000 !important;
	color:#FFFF00 !important;
	*/
}

.hotPriceDate a.ui-state-default {
	background-image:url(../images/Hot-price-corner.png) !important;
	background-position:right 0px !important;
	background-repeat:no-repeat !important;
}


wexDatePicker td.selectedDateRange a,
wexDatePicker td.selectedDateRange span {
	border: 2px solid #000000 !important;
}

.calendar-legends .calendar-legend > span.available {
    background: none repeat scroll 0 0 #888888;
}
.calendar-legends .calendar-legend > span.guaranteed {
    background: none repeat scroll 0 0 #9CAA39;
}
.calendar-legends .calendar-legend > span.need-more {
    background: none repeat scroll 0 0 #C0CF5A;
}
.calendar-legends .calendar-legend > span.limited {
    background: none repeat scroll 0 0 #C57B24;
}
.calendar-legends .calendar-legend > span.closed {
    background: none repeat scroll 0 0 #A43335;
}
.calendar-legends .calendar-legend > span.sale {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D0D0D0;
    position: relative;
	
	background-image:url(../images/Hot-price-corner.png) !important;
	background-position:right 0px !important;
	background-repeat:no-repeat !important;
}

wexDatePicker .ui-datepicker-inline {
	width:100% !important;
}